<!DOCTYPE html>
<!-- saved from url=(0050)http://localhost:8080/jeesite/a/company/salaryInfo -->
<html style="overflow-x:auto;overflow-y:auto;" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>工资管理 - Powered By JeeSite</title>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
    <meta name="author" content="http://jeesite.com/"/>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=8,IE=9,IE=10"/>
    <meta http-equiv="Expires" content="0">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-store">
    <script th:src="@{/jquery/jquery-1.8.3.min.js}" type="text/javascript"></script>
    <link th:href="@{/bootstrap/2.3.1/css_cerulean/bootstrap.min.css}" type="text/css" rel="stylesheet"/>
    <script th:src="@{/bootstrap/2.3.1/js/bootstrap.min.js}" type="text/javascript"></script>
    <link th:href="@{/bootstrap/2.3.1/awesome/font-awesome.min.css}" type="text/css" rel="stylesheet"/>
    <!--[if lte IE 7]>
    <link th:href="@{bootstrap/2.3.1/awesome/font-awesome-ie7.min.css}" type="text/css" rel="stylesheet"/><![endif]-->
    <!--[if lte IE 6]>
    <link th:href="@{bootstrap/bsie/css/bootstrap-ie6.min.css}" type="text/css" rel="stylesheet"/>
    <script th:src="@{/bootstrap/bsie/js/bootstrap-ie.min.js}" type="text/javascript"></script><![endif]-->
    <link th:href="@{/jquery-select2/3.4/select2.min.css}" rel="stylesheet"/>
    <script th:src="@{/jquery-select2/3.4/select2.min.js}" type="text/javascript"></script>
    <link th:href="@{/jquery-validation/1.11.0/jquery.validate.min.css}" type="text/css" rel="stylesheet"/>
    <script th:src="@{/jquery-validation/1.11.0/jquery.validate.min.js}" type="text/javascript"></script>
    <link th:href="@{/jquery-jbox/2.3/Skins/Bootstrap/jbox.min.css}" rel="stylesheet"/>
    <script th:src="@{/jquery-jbox/2.3/jquery.jBox-2.3.min.js}" type="text/javascript"></script>
    <script th:src="@{/My97DatePicker/WdatePicker.js}" type="text/javascript"></script>
    <script th:src="@{/common/mustache.min.js}" type="text/javascript"></script>
    <link th:href="@{/common/jeesite.css}" type="text/css" rel="stylesheet"/>
    <script th:src="@{/common/jeesite.js}" type="text/javascript"></script>

    <script type="text/javascript">var ctx = '../a', ctxStatic = '../static';</script>
    <!-- Baidu tongji analytics -->
    <script>var _hmt = _hmt || [];
    (function () {
        var hm = document.createElement("script");
        hm.src = "//hm.baidu.com/hm.js?82116c626a8d504a5c0675073362ef6f";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();</script>


    <meta name="decorator" content="default">
    <script type="text/javascript">
        $(document).ready(function () {

        });

        function page(n, s) {
            $("#pageNo").val(n);
            $("#pageSize").val(s);
            $("#searchForm").submit();
            return false;
        }
    </script>

</head>
<body>

<ul class="nav nav-tabs">
    <li class="active"><a th:href="@{/salary/salaryList}">工资列表</a></li>
    <li><a th:href="@{/salary/findAddSalary}">代发工资</a></li>
</ul>
<form id="searchForm" class="breadcrumb form-search" action="#" method="get">
    <input id="pageName" name="pageName" type="hidden" value="1">
    <input id="pageSize" name="pageSize" type="hidden" value="10">
    <ul class="ul-form">
        <li><label>客户名称：</label>
            <input id="name" name="name" class="input-medium" type="text" value="" maxlength="20" th:value="${name}">
        </li>
        <li><label>身份证号：</label>
            <input id="idCard" name="idCard" class="input-medium" type="text" maxlength="20" th:value="${idCard}">
        </li>
        <li class="btns"><input id="btnSubmit" class="btn btn-primary" type="submit" value="查询"></li>
        <li class="btns"><input id="btnSubmit" class="btn btn-primary" type="submit" value="模板下载"></li>
        <li class="btns"><input id="btnSubmit" class="btn btn-primary" type="submit" value="导入"></li>
        <li class="btns"><input id="btnSubmit" class="btn btn-primary" type="submit" value="导出"></li>
        <li class="clearfix"></li>
    </ul>
</form>

<script type="text/javascript">top.$.jBox.closeTip();</script>

<table id="contentTable" class="table table-striped table-bordered table-condensed">
    <thead>
    <tr>
        <th>编号</th>
        <th>客户名称</th>
        <th>身份证号</th>
        <th>银行卡号</th>
        <th>支付日期</th>
        <th>基本工资</th>
        <th>奖金</th>
        <th>加班费</th>
        <th>社保扣费</th>
        <th>公积金扣费</th>
        <th>应交税款</th>
        <th>应发工资</th>
        <th>实发工资</th>
        <th>代理费用</th>
        <th>操作</th>
    </tr>
    </thead>
    <tbody>

    <tr th:each="salary:${salaryPage.records}" th:object="${salary}">
        <td>
            <a th:href="@{/salary/updateSalary(id=*{id})}" th:text="*{id}"/>
        </td>
        <td th:text="${salary.name}">
        </td>
        <td th:text="${salary.idCard}">
        </td>
        <td th:text="${salary.payCard}">
        </td>
        <td th:text="*{#dates.format(payDate,'yyyy-MM-dd')}">
        </td>
        <td th:text="*{baseSalary}">
        </td>
        <td th:text="*{bonusPay}">
        </td>
        <td th:text="*{overtimePay}">
        </td>
        <td th:text="*{shebaoPay}">
        </td>
        <td th:text="*{gongjijinPay}">
        </td>
        <td th:text="*{taxPay}">
        </td>
        <td th:text="*{totalPay}">
        </td>
        <td th:text="*{mustPay}">
        </td>
        <td th:text="*{proxyFee}">
        </td>
        <td>
            <a th:href="@{/salary/selectById(id=*{id})}">修改</a>
            <a href="#" onclick="return confirmx(&#39;确认要删除该工资吗？&#39;, this.href)">删除</a>
        </td>
    </tr>

    </tbody>
</table>
<div class="pagination">
    <ul>
        <li class="disabled">
        <li th:if="${salaryPage.hasPrevious()==true}">
            <a th:href="@{/salary/salaryPage(pageNum=*{salaryPage.getCurrent() - 1})}">« 上一页</a>
        </li>
        <li th:if="${salaryPage.hasPrevious()==false}">
            <a>上一页</a>
        </li>
        </li>
        <li class="active"><a href="javascript:" th:text="${salaryPage.getCurrent()}"></a></li>

        <li class="active">
        <li th:if="${salaryPage.hasNext() == true}">
            <a th:href="@{/salary/salaryPage(pageNum=*{salaryPage.getCurrent() + 1})}">下一页</a>
        </li>
        <li th:if="${salaryPage.hasNext() == false}">
            <a>下一页</a>
        </li>
        <li class="disabled controls">
            <a>共<a th:text="${salaryPage.getTotal()}"></a>
            </a>
    </ul>
    <div style="clear:both;"></div>
</div>

<script type="text/javascript">//<!-- 无框架时，左上角显示菜单图标按钮。
if (!(self.frameElement && self.frameElement.tagName == "IFRAME")) {
    $("body").prepend("<i id=\"btnMenu\" class=\"icon-th-list\" style=\"cursor:pointer;float:right;margin:10px;\"></i><div id=\"menuContent\"></div>");
    $("#btnMenu").click(function () {
        top.$.jBox('get:/jeesite/a/sys/menu/treeselect;JSESSIONID=3baf732ded45486a8f110d13601a4c9b', {
            title: '选择菜单',
            buttons: {'关闭': true},
            width: 300,
            height: 350,
            top: 10
        });
        //if ($("#menuContent").html()==""){$.get("/jeesite/a/sys/menu/treeselect", function(data){$("#menuContent").html(data);});}else{$("#menuContent").toggle(100);}
    });
}//-->
</script>

</body>
</html>